<template>
  <div class="FooterBox">
    <div class="footBox">
      <router-link to=''>关于我们</router-link>
      <router-link to=''>美宸协议</router-link>
      <router-link to=''>联系我们</router-link>
    </div>
    <div class="footBox">免责声明：本网站内容由代理商提供，如权利人发现存在误传其他座屏等情形，请及时与本站联系  </div>
    <div class="footBox">
      <span>MC62.CN</span>
      <span>美宸网保留所有权利</span>
      <span>粤ICP备MC62号</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'FooterBox',
  props: {
  },
  data() {
    return {
    };
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.FooterBox {
  padding: 20px 0;
  background-color: #000000;
}
.footBox {
  color: #ffffff;
  display: flex;
  justify-content: center;
  line-height: 30px;
  align-items: center;
}
.footBox span,
.footBox a {
  color: #ffffff; 
  padding: 0 40px;
}
</style>
